<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作业</title>
</head>
<body>
<table border="1" width="400" >
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>
<br>

<table border="1" width="300" >
  <tr>
    <th colspan="3"   height="80px">网站名称</th>
  </tr>
  <tr>
    <td width="100">网站标题</td>
    <td colspan="2"  align="right" >搜索框</td>
  </tr>
  <tr>
    <td>左边</td>
    <td>中间</td>
    <td>右边</td>
  </tr>
  <tr>
    <td colspan="3" align="center"  height="80px">网站底部信息</td>
  </tr>
</table>
<br>

<table border="1" width="400" bordercolor="pink" style="border-color: pink; border-width: 5px; border-inline-color: pink;" >
  <tr>
    <td rowspan="8" width="100px"><img src="https://tb3.bdstatic.com/public/icon/favicon-v2.ico" alt="图片"/></td>
    <td rowspan="4" width="100px" align="center">11</td>
    <td rowspan="2" width="100px" >12</td>
    <td>13</td>
  </tr>
  <tr>
    <td>13</td>
  </tr>
  <tr>
    <td rowspan="2" width="100px" >12</td>
    <td>13</td>
  </tr>
  <tr>
    <td>13</td>
  </tr>
  <tr>
    <td rowspan="4" width="100px" align="center">11</td>
    <td rowspan="2" width="100px" >12</td>
    <td>13</td>
  </tr>
  <tr>
    <td>13</td>
  </tr>
  <tr>
    <td rowspan="2" width="100px" >12</td>
    <td>13</td>
  </tr>
  <tr>
    <td>13</td>
  </tr>
</table>

<br>

<form action="#" method="get">
  <h2>表单信息</h2>
  <div>

  </div>
  <div><span>账号：</span><label><input type="text" name="username" placeholder="请输入账号信息" /></label></div>
  <div><span>邮箱：</span><label><input type="text" name="email" placeholder="请输入邮箱信息" /></label></div>
  <div><span>密码：</span><label><input type="password" name="password" placeholder="请输入密码信息" /></label></div>
  <div><span>性别：</span><label>
  <input type="radio" name="xb" checked value="male">男
  <input type="radio" name="xb" value="female">女
  </label></div>
  <div><span>技能：</span><label>
  <input type="checkbox" name="skill" value="html+css">html+css
  <input type="checkbox" name="skill" value="javascript">javascript
  <input type="checkbox" name="skill" value="php">php
  <input type="checkbox" name="skill" value="java">java
  </label></div>
  <div><span>头像：</span><input type="file" name="file" alt="选择文件"></div>
  <div>
    <span>现居地：</span>
    <label>
      <select name="province" >
        <option value="广东省">广东省</option>
        <option value="广东省">江苏省</option>
      </select>
      <select name="city" >
        <option value="广州市">广州市</option>
        <option value="南京省">江苏省</option>
      </select>
      <select name="country" >
        <option value="天河区">天河区</option>
        <option value="建邺区">建邺区</option>
      </select>
    </label>
  </div>
  <div>
    <span >留言：</span><label> <textarea style="width: 300px; height: 80px; padding: 0" placeholder="请输入留言地址" name="address"></textarea></label>

  </div>
  <div>
    <span>验证码：</span><label><input type="text" name="code" /> <input type="image" style="height:19px" src="https://tb3.bdstatic.com/public/icon/favicon-v2.ico" alt="验证码"></label>
  </div>
  <div>
    <input type="submit" value="提交">
    <input type="reset" value="重置">
  </div>
</form>

</body>
</html>